#main{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-image: url(../imgs/image_1.jpg);
	
	/* 背景图像将仅显示一次，不会在水平方向和垂直方向重复 */
	background-repeat: no-repeat;
	/* 
		保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小 
		IE 和遨游不支持；
    	Firefox 添加私有属性 -moz-background-size 支持；
    	Safari 和 Chrome 添加私有属性 -webkit-background-size 支持；
    	Opera 不支持 background-size 属性，添加其私有属性 -o-background-size 也不支持。
	*/
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	/* 设置背景图片相对于背景区域的位置，第一个值是水平位置，第二个值是垂直位置 */
	background-position: center top;
}
#login_box{
	width: 400px;
	height: 400px;
	background-color: rgba(45,62,80,0.8);
}
#box_content{
	margin: 30px auto 50px auto;
	width: 320px;
	height: 320px;
}
#box_title{
	font-family: sans-serif;
	font-size: 20px;
	color: white;
	/*设置鼠标无法选定文字*/
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.u_msg {
    width: 100%;
    height: 30px;
    padding: 0 5px;
	margin-top: 10px;
    border: 1px solid white;
    background: none;
    outline: none;
    color: white;
}

/* 设置placeholder颜色 */
.u_msg::-webkit-input-placeholder { /* WebKit browsers */
    color: rgb(200, 200, 200);
}

.u_msg:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgb(200, 200, 200);
}

.u_msg::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgb(200, 200, 200);
}

.u_msg:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgb(200, 200, 200);
}

#login_btn{
	width: 100%;
	height: 30px;
	border-radius: 13px;
	border: none;
	font-size: 16px;
	margin-top: 10px;
	cursor: pointer;
	outline: none;
}
#login_btn:hover{
	background-color: white;
}
